﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:WpfHero="clr-namespace:WpfHero"
    xmlns:WpfHero1="clr-namespace:WpfHero;assembly=WHEngine"
    x:Class="WpfHero.SongScroller"
    Height="244" Width="318" xmlns:d="http://schemas.microsoft.com/expression/blend/2006" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
	<UserControl.Resources>
	</UserControl.Resources>

    <!-- default datacontext for design testing 
	<UserControl.DataContext>
		<WpfHero1:WHEngine>
			<WpfHero1:WHEngine.Gemline3Gems>
				<WpfHero1:GemModel EndAt="00:00:05" StartAt="00:00:04"/>
			</WpfHero1:WHEngine.Gemline3Gems>
			<WpfHero1:WHEngine.Gemline1Gems>
				<WpfHero1:GemModel EndAt="00:00:01" StartAt="00:00:00.5" Status="Coming"/>
				<WpfHero1:GemModel EndAt="00:00:02.1" StartAt="00:00:02"/>
			</WpfHero1:WHEngine.Gemline1Gems>
		</WpfHero1:WHEngine>
	</UserControl.DataContext>-->

	<ScrollViewer Background="#FFFFFFFF" HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Disabled" CanContentScroll="False">
		<Grid RenderTransformOrigin="0.5,0.5" x:Name="grid">
			<StackPanel Width="Auto" Height="Auto" x:Name="stackPanel" d:LayoutOverrides="Width, Height" HorizontalAlignment="Left" RenderTransformOrigin="0.5,0.5" Margin="{Binding Path=Margin, ElementName=path, Mode=Default}">
				<ItemsControl Height="48" ItemsPanel="{DynamicResource GemLinePanelTemplate}" ItemsSource="{Binding Path=Gemline1Gems, Mode=Default}" ItemTemplate="{DynamicResource GemTemplate}" Background="#FFD8A0A0"/>
				<ItemsControl Height="48" ItemsPanel="{DynamicResource GemLinePanelTemplate}" ItemsSource="{Binding Path=Gemline2Gems, Mode=Default}" ItemTemplate="{DynamicResource GemTemplate}" Background="#FFD0D89D"/>
				<ItemsControl Height="48" ItemsPanel="{DynamicResource GemLinePanelTemplate}" ItemsSource="{Binding Path=Gemline3Gems, Mode=Default}" ItemTemplate="{DynamicResource GemTemplate}" Background="#FF745BDE"/>
				<ItemsControl Height="48" ItemsPanel="{DynamicResource GemLinePanelTemplate}" ItemsSource="{Binding Path=Gemline4Gems, Mode=Default}" ItemTemplate="{DynamicResource GemTemplate}" Background="#FFEA9BBC"/>
				<ItemsControl Height="48" ItemsPanel="{DynamicResource GemLinePanelTemplate}" ItemsSource="{Binding Path=Gemline5Gems, Mode=Default}" ItemTemplate="{DynamicResource GemTemplate}" Background="#FF71BF6B"/>
			</StackPanel>
			<Path Stretch="Fill" Stroke="#FFFF0000" Data="M49.374664,0.19359542 L49.332666,246.32785" StrokeThickness="5" StrokeEndLineCap="Round" StrokeStartLineCap="Round" HorizontalAlignment="Left" Margin="50,0,0,0" Width="5.042" x:Name="path"/>
		
		</Grid>
	</ScrollViewer>
</UserControl>
